import ReactDOM from 'react-dom/client'
import App from './App'
import Hello from './Hello'

// ReactDOM.render(element, document.getElementById('root'))

const root = ReactDOM.createRoot(document.getElementById('root'))
// react 中, 组件标签内可以书写内容, 他是一种特殊的传递props的方式,是以children属性传入的
// 注意点:react中props非常灵活, 不仅可以传数据(字符串 数字) 还可以传jsx结构, 还可以传递函数
root.render(
  <>
    <App
      title={'我是传给子组件的数据'}
      msg="hello react"
      flag={false}
      count={18}
      fn={() => {
        console.log(123)
      }}
    >
      <p>我是传进来的标签结构</p>
    </App>

    <hr />
    <Hello
      info="我是info信息"
      num={9}
      fn={() => {
        console.log(123)
      }}
    >
      <span>100</span>
    </Hello>
  </>
)
